<?
$fee_name[''] = '-- Choose Category --';
$fee_name['Office Supplies'] = 'Office Supplies';
$fee_name['Services'] = 'Services';
?>


<style>
	input#amount_money
	{
		padding:10px 20px;
		font-size:30px;
		font-family:DigitaldreamFatNarrowRegular;
		text-align:right;
		width:266px;
	}
	
	.ui-menu .ui-menu-item a{
			font-size:11px;
			font-weight:bold;
	}
	.ui-autocomplete.source:hover {
		background: #454545;
	}
	.ui-autocomplete-loading {
    background: white url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;
   }
   .group{
		background:#f00;
   }
</style>
<div class="row over">
	<div class="panel"><h6>Payment Center For Supplies/Services ETC</h6></div>
	<?echo form_open('fees/payment_center','class="custom" autocomplete="off""');?>
	<div class="large-12 columns">
		<?=$overvalidationerror;?>
		<?=$system_message;?>
		
		<div class="row collapse">
			<div class="small-4 large-4 columns">
				<span class="prefix">Student ID Number</span>
			</div>
			<div class="small-8 large-8 columns">
				<div class="ui-widget">
				<input class="searchInput" autocomplete="off" placeholder="To Search student, Enter Student Name OR ID Number" url="<?=site_url('output/ajax_search_student');?>" type="text" name="student" value="<?=set_value('student');?>">
				</div>
			</div>
		</div>
		
		<div class="row collapse">
			<div class="small-3 large-2 columns">
				<span class="prefix">OR Number</span>
			</div>
			<div class="small-9 large-10 columns">
				<input type="text" name="spr_or_no" autocomplete="off" placeholder="Payment OR Number" value="<?php echo set_value('spr_or_no');?>">
			</div>
		</div>
	
		<div class="row collapse">
			<div class="small-3 large-2 columns">
				<span class="prefix">Date of Payment</span>
			</div>
			<div class="small-9 large-10 columns">
				<input type="text" name="date_of_payment" autocomplete="off"  placeholder="MM/DD/YYY " class ="datepicker-payment" value="<?php echo set_value('date_of_payment',$current_time);?>">
			</div>
		</div>
		
	</div>
	
	<div class="large-12 columns">
		<div class="btn-group">
		  <button class="btn add">+</button>
		  <button class="btn del">-</button>
		  <button class="btn clrs">clear</button>
		</div>
		<hr class="clearfix">
		
		<div class="input-fields">
			<div class="large-2 columns">
				<label class="label secondary">Quantity</label>
				<input type="text" name="quantity[]" class="quantity" required>
			</div>
			
			<div class="large-4 columns">
				<label class="label secondary">Description</label>
				<input type="text" name="desc[]" class="description" required>
			</div>
			
			<div class="large-3 columns">
				<label class="label secondary">Unit Price</label>
				<div class="row collapse">
					<div class="small-3 large-2 columns">
						<span id="amount_money" class="prefix">&#8369;</span>
					</div>
					<div class="small-9 large-10 columns">
						<input type="text" name="price[]" class="unitprice" required>
					</div>
				</div>
			</div>
			
			<div class="large-3 columns">
				<label class="label secondary">Total</label>
				<div class="row collapse">
					<div class="small-3 large-2 columns">
						<span id="amount_money" class="prefix">&#8369;</span>
					</div>
					<div class="small-9 large-10 columns">
						<input type="text" disabled>
					</div>
				</div>
			</div>
			<hr class="clearfix">
		</div>
		
		<div id='dynapage'>
			<!-- df  -->
		</div>
		
		<input type="hidden" name="loc_sdi" value="<?echo $token;?>">
		<input type="submit" class="button tiny" name="over_the_counter" value="Add Payment Record">
	</div>
	</form>
</div>